@charset "utf-8";
/* CSS Document */
body{
	position: relative;
	background:#F3E2CE;
}
ul{
	list-style-type: none;
}
a{
	text-decoration: none;
}
.container{
	position: absolute;
	top: -8px;
	left: -8px;
	width: 1536px;
	height: 713px;
	background-image: url("../image/feedback.jpg");
	background-size: cover;
}
.topnav{
	opacity: 0.8;
	width: 1536px;
	margin: 0;
	padding:10px 0 0  0;
	top: 0;
	left: 0;
	z-index: 100;
	color: hsla(29,100%,18%,1.00);
	background-color: #F3E2CE;
	position: fixed;
	transition: 0.5s;
}
.topnav:hover{
	opacity: 1;
	transition: 0.5s;
}
.guider{
	width: 100%;
	margin: 0 auto;
	list-style-type:none;
}
.guider li{
	width: 149px;
	height: 50px;
	line-height: 50px;
	float: left;
	text-align: center;
	font-size: 25px;
}
.guider li a:link{
	text-decoration: none;
	color: hsla(29,100%,18%,1.00);
}
.guider li a:visited{
	text-decoration: none;
	color:hsla(29,100%,18%,1.00);
}
.guider li a:hover{
	width: 100%;
	height: 100%;
	line-height: 50px;
	color:hsla(32,61%,94%,1.00);
	background-image:url("../image/CoffeeBean_hover.gif");
	display: block;
	transition: all .3s;
}
.login{
	float: right;
	margin-right: 35px;
	margin-top: 1px;
	width: 100px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 25px;
	background:hsla(33,60%,78%,1.00);
	border-radius:20%;
}
.login a:link{
	text-decoration: none;
	color: hsla(29,100%,18%,1.00);
}
.login a:visited{
	text-decoration: none;
	color:hsla(29,100%,18%,1.00);
}
.login a:hover{
	color:hsla(32,61%,94%,1.00);
	background: hsla(30,98%,20%,1.00);
	display: block;
	border-radius:40%;
	transition: all .5s;
}
.button ul li{
    height: 0;
	transition: .2s;
	opacity: 0;
	transform: translate(-40px,-65px);
	background:hsla(33,60%,78%,1.00);
}
.button:hover li{
	height: 50px;
	line-height: 50px;
	font-size: 18px;
	opacity: 1;
	transform: translate(-40px,13px);
}
.button ul li a:hover{
	background: hsla(29,100%,26%,1.00);
}
.lastbutton{
	border-radius:0 0 40% 40%; 
}
.lastbutton a:hover{
	border-radius:0 0 40% 40%; 
}
.bigbox{
	position: absolute;
	top:120px;
	left: 305px;
	width: 60%;
	height:500px;
	border-radius: 10px;
	display: flex;
    justify-content: center;
    align-items: center;
	background-color: hsla(32,60%,76%,0.80);
}
.title{
	text-align: center;
	font-family: 华文新魏;
	font-size: 28px;
	border-bottom: groove 1px;
}
.title div{
	width: 28%;
	height: 40px;
	line-height: 40px;
	background-color: #F3E2CE;
	color:hsla(29,100%,18%,1.00);
	border-radius: 10px;
}
.lefttd{
	text-align: right;
	width: 170px;
}
table{
	border-radius: 10px;
}
select[name=contact]{
	height: 24px;
	border-radius: 5px;
}
input[type=radio]{
	zoom:125%;
	height: 12px;
}
input[type=checkbox]{
	zoom:125%;
	height: 12px;
	margin-top: 4px;
}
textarea{
	resize:none;
	border-radius: 10px;
}
input{
	border-radius: 5px;
}
input[type=text]{
	height: 18px;
	margin-left: 15px;
}
input[type=submit]{
	width: 100px;
	height: 35px;
	line-height: 20px;
	border: solid grey 1px;
	border-radius: 5px;
}
input[type=submit]:hover{
	opacity: 0.85;
}
input[type=submit]:active{
	transform: translate(1px,1px);
}
.bottom{
	opacity: 0.8;
	position: relative;
	width: 1544px;
	top: 640px;
	margin: 13px 0 0 -8px;
	padding:0;
	height: 60px;
	background: #261909;
	text-align: center;
	color:#C1AB8F;
	font-size: 15px;
	transition: 0.5s;
}
.bottom:hover{
	opacity: 1;
	transition: 0.5s;
}
.bottom a:link,a:visited{
	color: #D5954E;
	transition: all .5s;
}
.bottom a:hover{
	color:hsla(32,70%,80%,1);
	transition: all .5s;
}